.operation_overview{
  background-color: rgb(242,242,242);
  padding: 10px;
  ul,p,h4{
    margin: 0;
    padding: 0;
  }
  h4{
    font-size: 18px;
  }
  .sketch{
    width: 65%;
    ul{
      height: 100px;
      line-height: 100px;
      display: flex;
      justify-content: space-between;
      background-color: white;
      li{
        width: 25%;
        display: flex;
        justify-content:center;
        align-items:center;
        .icon{
          width: 50px;
          height: 50px;
          line-height: 50px;
          text-align: center;
          border-radius: 50px;
          background-color: rgb(238,238,238);
          transform: rotateY(180deg);
          .iconfont{
            font-size: 20px;
          }
          .icon-lianjie{
            color:rgb(74,74,250);
          }
          .icon-qianzaikehu{
            color:rgb(132,0,255);
          }
          .icon-renqun{
            color:rgb(244,171,75);
          }
          .icon-geren2{
            font-size: 28px;
            color:rgb(84,194,237);
          }
        }
        .writing{
          display: flex;
          flex-direction:column;
          height: 50px;
          margin-left: 20px;
          p{
            height:25px;
            line-height: 25px;
          }
        }
      }
      
    }
  }
  .content{
    display: flex;
  }
  .wait,
  .news{
    height: 280px;
    padding: 20px;
    width: 50%;
    background-color: white;
    .tittit{
      margin-left: 20px;
      display: flex;
      margin-bottom: 20px;
      div{
        width: 10px;
        height: 28px;
        background-color: rgb(94,128,234);
        margin-right: 20px;
      }
    }
    
  }
  .wait{
    margin: 10px 10px 0 0;
    .list{
      display: flex;
      flex-direction:column;
      li{
        margin-bottom: 10px;
       width: 100%;
       height: 40px;
       line-height: 40px;
       justify-content:space-around;
       p{
        height: 40px;
        line-height: 40px;
       }
       P:nth-child(3){
         width: 90px;
         height: 30px;
         line-height: 30px;
         text-align: center;
         color: rgb(0,229,229);
         border: 1px solid rgb(0,229,229);
         border-radius: 5px;
       }
      }
    }
  }
  .news{
    margin-top: 10px;
    .tittit{
      position: relative;
      p{
        cursor: pointer;
        color: rgb(2,125,180);
        position: absolute;
        right: 0;
        text-decoration:underline;
      }
    }
    .newlist{
      display: flex;
      flex-direction:column;
      li{
        margin-bottom: 10px;
       width: 100%;
       height: 25px;
       line-height: 25px;
       justify-content:space-around;
       div{
        width: 60px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        color: rgb(0,229,229);
        border: 1px solid rgb(0,229,229);
        border-radius: 5px;
       }
       p{
        height: 25px;
        line-height: 25px;
       }
      }
    }
  }
  .rank{
    background-color: white;
    width: 35%;
    margin-left: 10px;
    h4{
      width: 100%;
      height: 50.8px;
      background-color: rgb(0,233,233);
      color: white;
      line-height: 50px;
      text-align: center;
    }
    .ant-table-content table{
      width: 100%;  
    }
    .ant-table-thead tr,
    .ant-table-tbody tr{
      font-size: 12px;
      height: 30px;
      line-height: 30px;
      width: 100%;
      text-align: left;
      text-indent: 5px;
      td:nth-child(1){
        width: 45%;
      }
      td,th{
        padding: 0; 
      }
    }
    .ant-table-thead{
      text-align: left;
    }
    .ant-table-thead tr{
      background-color: rgb(248,248,248);
    }
    .ant-table-tbody{
      tr:nth-child(2),
      tr:nth-child(4),
      tr:nth-child(6),
      tr:nth-child(8),
      tr:nth-child(10){
        background-color: rgb(248,248,248);
      }
    }
  }
  .part{
    display: flex;
  }
  .park{
    width: 50%;
    background-color: white;
    margin-top: 10px;
    padding: 20px;
    .tittit{
      margin-left: 20px;
      display: flex;
      margin-bottom: 20px;
      div{
        width: 10px;
        height: 28px;
        background-color: rgb(94,128,234);
        margin-right: 20px;
      }
      h4{
        margin-right: 200px;
      }
      p{
        width: 70px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 12px;
        margin: 0 5px;
        border-radius: 5px;
        box-sizing: border-box;
        cursor: pointer;
      }
    }
    ul{
      display: flex;
      justify-content:space-between;
      li{
        list-style-type: none;
        text-align: center;
        margin: 0 50px;
        p:nth-child(2){
          margin-top: 5px;
          font-size: 20px;
        }
      }
    }
  }
}

.energy{
  background-color: rgb(0,191,191);
  color: white;
}
.pie{
  position: relative;
}
.blowoff{
  border: 1px solid rgb(245,154,35); 
  color: rgb(245,154,35);
}
.titleChart{
  position: absolute;
  right: 50%;
  top: 50%;
  transform:translate(50%,-50%);
  text-align: center;
}
.park2{
  margin-left: 10px;
}